@charset "UTF-8";

@import './normalize.scss';
@import './element.scss';
@import './customize.scss';

// 图标字体样式
.iconfont {
  font-family: 'iconfont' !important;
  font-style: normal;
  fill: currentColor;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
// messag.html表单样式（没办法加载在页面上，放置这儿）,popper-class="big-messagehtml"
.big-messagehtml {
  align-items: flex-start;
  .red {
    color: $red;
  }
}
// 全局滚动条(默认情况下滚动条已隐藏，此类可见滚动条)
.big-scrollbar {
  overflow-y: auto;
  &::-webkit-scrollbar {
    display: block !important;
    width: 3px !important;
    height: 3px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: $gray-400;
    border-radius: $border-radius-base;
    transition: all 0.2s ease-in-out;
  }
  &::-webkit-scrollbar-track {
    box-shadow: none;
  }
}
// 公用提示浮窗规范样式，提示框太长时使用，popper-class="big-tooltip"
.big-tooltip {
  max-width: 280px;
  word-break: break-all;
  white-space: pre-wrap;
}
// 清除浮动
.big-clearfix {
  width: 100%;
  clear: both;
  &::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .hidden {
    overflow: hidden;
  }
}
// 一行省略
.big-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
// 模拟加载的菊花动画
.big-loading-spin {
  display: inline-block;
  color: $blue;
  animation: spin 1.2s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
// 全局铺满的加载样式（没办法加载在页面上，放置这儿）
.big-fullscreen-loading {
  background-color: rgba(0, 0, 0, 0.45);
  .el-loading-text {
    margin-top: 20px;
  }
}
